*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:16px; line-height:26px;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#FF0000}
h1{ font-size:34px; margin-bottom:5px; line-height:34px;}
h2{ font-size:20px; font-weight:normal;}
h3{ font-size:18px;}
h3 a{ font-size:18px; color:#c4d700!important;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}

.clear{ clear:both}
.men5{background:url(../images/jt.png) no-repeat center right/12px; margin-right:10px;}
.bg{width:100%;height:100%; background:url(../images/pattern.png); position:absolute; overflow:hidden;}
.w{ width:90%; margin:auto}
.video{ height:100%; overflow:hidden; position:relative;}
.kouhao{color:rgba(255, 255, 255,0.8); position:absolute; padding-left:10px; margin:auto; left:0; right:0; font-size:58px; line-height:60px; bottom:10%; font-weight:bold;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.kouhao span{ font-weight:normal;}
.kouhao i{ width:100px; height:5px; background-color:rgba(255, 255, 255,0.5); display:block; margin-top:20px;}
.yuyan{ line-height:24px; height:24px; background-color:#c4d700; color:#000; font-size:12px; position:fixed; top:0; width:100%; z-index:9999;}
.lan{ max-width:1320px; margin:auto; text-align:right;}
.lan a{ display:-webkit-inline-flex; width:20px; height:20px; padding:2px 3px;}
.lan a img{ width:20px;}
.jjtop{ margin-bottom:10px;}
.l{ width:50%; float:left; box-sizeing:border-box;}
.r{ width:50%; float:right; }
.pro{}
.pro h1{ font-weight:normal}
.projs{ padding:45px 50px 0 50px; box-sizing:border-box; color:#FFFFFF; height:280px;transition:0.8s;}
.projs p{ line-height:25px;}
.projs a{ font-size:16px; color:#FFFFFF; display:block; margin-top:10px; text-decoration:underline;}
.projs h1{ color:#c4d700;}
.pro1{ background-color:rgba(1, 34, 49, 0.8);}
.pro2{ background-color:rgba(1, 34, 49, 0.8);}
.protu img{ height:280px; }
.prolist{ background:url(../images/prolistbg.jpg) no-repeat top center fixed; background-size:cover;}
.pro:hover .projs{padding:30px 50px 0 50px;transition:0.8s;}
.qjf{ width:100%; overflow:hidden;}
.protu{ overflow:hidden}

.procon{ width:75%; margin:auto; max-width:1100px;}
.erji3{ padding:30px 0; border-bottom:#CCC solid 1px;width:75%; margin:auto; max-width:1100px;text-align:center;}
.erji3 a{ font-size:16px; padding:5px 10px; line-height:30px; display:inline-block;}


/*新闻*/
.tu{ display:block; width:100%; height:220px; background-size:cover!important}
.tu img{ width:100%;}
.xinwen{ padding:60px 0; background-color:#f0f0f0;}
.new{ position:relative}
.new span{ position:absolute; background-color:#c4d700; color:#000000; display:block; top:0; left:0; z-index:999; padding:5px 10px;}
.title{ color:#000; line-height:24px!important; display:block; font-size:16px; margin-top:10px;}
.title:hover{ color:#FF0000}
.newlist{ width:33.3%; float:left; box-sizing:border-box; padding:20px;}
.newlist2{ width:31%; float:left; box-sizing:border-box; padding:0px; margin-right:2%; margin-bottom:30px;}
.newlist p{ color:#999; font-size:14px; line-height:20px; height:40px; overflow:hidden; padding-top:10px;}
.more{ font-size:14px; color:#c4d700; background:url(../images/jian.png) no-repeat left center; line-height:30px; display:block; background-size:25px;box-sizing:border-box; padding-left:35px; }


/*video*/
video, object {
display:block;
vertical-align:baseline; min-width:100%; min-height:100%;
object-fit:cover; margin:auto;
}
.sound-icon{ width:40px; height:40px; background-color:#003399; position:absolute; bottom:40px; right:20px; z-index:999;background: url(../images/off.png) no-repeat; background-size:40px;}
.changeBg{background: url(../images/on.png) no-repeat;background-size:40px;}

.menu{ margin-top:40px;}
.logo{ display:block; float:left}
.dianhua{ font-size:16px!important; padding-left:80px!important; border:none!important; background:url(../images/dianhua.png) no-repeat; background-size:auto 30px; background-position:45px 8px; padding-right:0px!important;}
.about{ width:70%; margin:auto;}
.about img{ max-width:100%; height:auto!important;}
.aboutbg{ padding:80px 0 50px 0; background:url(../images/aboutbg.jpg) repeat-x center bottom;background-color:#fff;}
.about p{ font-size:16px; line-height:30px; margin-top:10px; display:block; color:#595757}
.about a{ display:block; margin-top:15px; text-decoration:underline;color:#012231}
.about h1{ color:#000; font-family:Arial, Helvetica, sans-serif;}
.about h1 span{ color:#c4d700}
.aboutleft h1{ color:#fff;}
.aboutleft h1 span{ color:#c4d700}
.hsp2{ padding-left:5px;}


footer{ background-color:#012231; padding:60px 0; color:#999; line-height:26px; font-size:14px;}
.foot1{ float:left; width:40%;}
.foot2{ float:right; width:53%;}
.daohang2{} 
.dh2{ float:left; width:110px;}
.dh2 a{ display:block;color:#999}
.dh2 a:hover{ color:#c4d700;}
.liuyan input{ width:100%; display:block; border:none; margin-bottom:5px; padding:0 5px; box-sizing:border-box; background-color:rgba(255,255,255,0.2);} 
.liuyan textarea{ width:100%;border:none; padding:0 5px; box-sizing:border-box;background-color:rgba(255,255,255,0.2);}
.liuyan h3{ padding-bottom:10px;}
.coolbg{ background-color:#c4d700!important}
.dbxx{ padding-top:15px; margin-top:15px; border-top:#0d384c dashed 1px;}



/*服务项目*/

.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .jt{display:block;  width:20px;height:100%; padding:0 10px; overflow:hidden; position:absolute;z-index:999; cursor:pointer; background-size:20px!important;}
.picScroll-left .jt:hover{ background-color:rgba(0, 38, 61, 0.8);}
.picScroll-left .next{ right:0px; background:url(../images/arrow.png) no-repeat center;}
.picScroll-left .prev{ left:0px; background:url(../images/arrow2.png) no-repeat center;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.hover h1{ line-height:30px; font-size:26px; font-weight:normal; color:#fed100; background:url(../images/feiji.png) no-repeat center left; padding-left:35px; background-size:auto 28px;}
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; width:25%; background-size:cover!important;}
.fwlist{ display:block; height:250px; padding:100px 40px 0 40px; box-sizing:border-box; color:#FFFFFF;background-color: rgba(0, 38, 61, 0);transition: 0.5s; border-right:#FFFFFF solid 1px;}
.fwlist:hover{ padding:40px 40px 0 40px;background-color: rgba(0, 38, 61, 0.8);transition: 0.5s;}
.fwjs{opacity:0;transition: 0.5s; line-height:22px; margin-top:15px; padding-top:10px; border-top:#FFFFFF dashed 1px;}
.fwlist:hover .fwjs{opacity:1;transition: 0.5s;}
.tempWrap{ width:100%!important;}

/*内页*/
.bg2{background:url(../images/pattern.png);height:470px;}
.ban{ background-size:auto 470px!important; position:relative; background-attachment:fixed!important;}
.ban2{ background-size:cover!important; position:relative; height:100%}
.nei{ min-height:350px;}
.mianbao{ float:right;color:#012231; padding:10px 0;}
.mianbao a{color:#012231;}
.erji a{ font-size:16px; padding:5px 10px; color:#012231;  display:inline-block; margin:4px 10px 4px 0;}
.erji a:hover{ background-color:#c4d700; color:#fff!important;}
.sec{ background-color:#c4d700; color:#fff!important;}
.mbej{ border-bottom:#c4d700 dashed 1px; overflow:auto; padding:25px 0;}
.gsjj{ font-size:18px; line-height:32px;}
.list{ padding-top:30px; padding-bottom:50px;}
.aboutleft p{ padding:10px 0; font-size:20px;}
.aboutleft i{ width:80px; height:5px; display:block; background-color:#fff; margin-top:15px;}
/*产品*/
.cpli{ width:298px; float:left; margin-right:30px; margin-bottom:30px;}
.cptu{ height:298px; background-size:cover!important; display:block; border:#999999 solid 2px; box-sizing:border-box;}
.cplist{ width:103%;}
.cpxx{ line-height:20px; padding-top:10px;color:#666}
.cpxx a{ display:block; color:#666}
.cpli:hover .cptu{border:#012231 solid 2px;}
.cpli:hover .cpxx,.cpli:hover .cpxx a{color:#012231;}

/*地图*/
.map{ background-color:#fff;}
#dituContent{width:100%;height:450px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.lxfs{ padding-left:80px; border-left:#FFFFFF solid 1px; box-sizing:border-box; font-size:14px; line-height:24px;}

.contant{ width:85%; padding:50px; margin:auto; background-color:rgba(255,255,255,0.8);}
.bg4{width:100%; background:url(../images/pattern.png); padding-top:170px;}
.con {
    background: rgba(0, 0, 0, 0) url("../images/contact2.jpg") no-repeat fixed center bottom / cover ; height:auto;
}
.bg3{ height:680px!important; position:relative!important;}
.lxwm {
    background-color: rgba(1, 34, 49, 0.7);
    box-sizing: border-box;
    color: #ffffff;
    margin: auto;
    padding: 50px;
    width: 75%; margin-top:20%;
}
.lxfs {
    border-left: 1px solid #ffffff;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    padding-left: 80px;
}

/*下载*/
.xiazaizhongxin{ width:700px; margin:auto; left:0; right:0; position:absolute;top:45%; margin-top:-50px; color:#FFFFFF; background-color:#999999}
.huacetu img{ width:100%;}
.huacetu{ box-sizing:border-box; padding:2px; border:#CCCCCC solid 1px;}
.hcxinxi{box-sizing:border-box; padding-left:50px; margin-top:90px;}
.hcxinxi a{ padding-top:30px; color:#012231; text-shadow:none; text-decoration:underline; display:block}

/*产品中心*/
.fuwutop{ background:none; color:#000000; padding:60px 0;}
.fwtu{ width:50%; float:left;transition:0.4s;}

.fuwulist:hover .fwtu{

}	
.fwsm{ width:50%; float:right; padding:50px; box-sizing:border-box; }
.fwsm h1 span{ padding-right:10px;}
.fwsm p{ padding-top:20px; line-height:26px; color:#666666}
.fuwulist{background-color:#ece7e7; overflow:auto;transition:0.4s;}
.fuwulist:hover{background-color:#b2bcc1;transition:0.4s;}
.fuwulist:hover .hk{opacity: 0.5;transition:0.4s;}
.fwsm ul{ margin-top:15px;}
.fwsm li{ line-height:30px;font-size:16px; text-decoration:underline;}
.imgarc img{ max-width:100%; margin-top:5px;}
.hk{ height:400px; background-color:#000000; background-size:cover!important;transition:0.4s;}
.hkjs{box-sizing:border-box; padding:50px;}
.hkjs h1{ font-size:30px; margin-bottom:10px;}
.hkjs a{ display:block; margin-top:10px; text-decoration:underline;}
.hkjs span{ font-size:18px; display:block; line-height:30px;}
.lvyou{ width:50%; float:left;;transition:0.4s; overflow:hidden;}
.lvyou:hover{ background-color:#000000;;transition:0.4s;color:#666;}
.lvyou:hover a{ color:#666;}
.lvyou:hover .hk{transition:0.4s;opacity:0.4;}
.chakan{transition:0.4s; line-height:26px; margin-top:20px; display:block;background:url(../images/jiantou.png) no-repeat -30% 50%;background-size:26px;}
.chakan:hover{ padding-left:32px; background:url(../images/jiantou.png) no-repeat 0% 50%;background-size:26px;}
.cpjj{ margin-top:20px; margin-bottom:50px; position:relative;}
.cpjj img{ max-width:100%; height:auto!important;}
.zuo{ width:75%; float:left; box-sizing: border-box; padding-right:70px; margin-top:20px;}
.you{ width:25%; float:right;box-sizing: border-box; padding-left:40px; margin-top:20px; padding-bottom:40px}
.erji2 a{ display:block; margin-top:0px!important; padding:8px; color:#666}
.ace{padding-left:32px!important; background:url(../images/jiantou.png) no-repeat 0% 50%;background-size:26px;}
.fenye{ overflow:auto; padding:20px 0;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; padding:0 8px; color:#666;}
.fenye li:hover{ background-color:#e2e2e2;}
.thisclass{background-color:#e2e2e2;}
.fenye li a{color:#666;}
.aboutop{ font-size:28px; line-height:30px; text-align:center; color:#FFFFFF; padding:47px 0 20px 0;background:url(../images/rybg.png) center top no-repeat;}
h2{ font-size:28px;line-height:35px;color:#012231}
.zuo h1{ color:#012231}



/*产品放大*/
.fangdali{width:100%;margin:18px 0;}
.fdxx{ width:72%; font-size:16px; color:#666666; line-height:22px; float:right;}
.fdxx h3{ font-size:24px; line-height:35px; margin-bottom:10px; font-weight:normal; color:#000000;}
.magnify {width:25%; position: relative;border:#CCCCCC solid 1px; float:left;}

/*创建一个玻璃放大镜的效果*/
.large {
	width: 175px; height: 175px;
	position: absolute; z-index:999;
	border-radius: 100%;
	
	/*处理放大镜的玻璃效果和阴影效果*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	
	/*在这里载入对应的一张大图*/
	
	
	/*默认情况下，不显示放大镜*/
	display: none;
}

/*避免边缘重叠错误，使用样式display: block;进行处理*/
.small { display: block; }

/*新闻详情页*/
.hotslit {
    padding: 12px 0;
}
.hotslit a {
    color: #999999;
    display: block;
    font-size: 14px; line-height:22px;
}
.hottu {
    border-radius: 35px;
    display: block;
    float: left;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    width: 60px; background-size:cover!important;
}
.hotslit span {
    color: #cccccc;
    font-size: 12px;
}
.newshot {
    margin-top: 40px;
}
.arch1{ font-weight:normal;}
.zuozhe{ font-size:14px; color:#999999; padding:20px 0;}
.zhengwen img{ max-width:100%; height:auto!important}
.fenye2{ padding-top:30px; margin-top:30px; border-top:#999999 dashed 1px;}
.gyht{ width:85%; margin:auto; margin-top:20px;}
.gyht img{max-width:100%; height:auto!important}
.dherji{ display:none}


/*设备样式*/
.shebei{ width:100%; max-width:1200px; margin:auto;}
.sblist{ border-top:#c4d700 solid 2px;}
.sbleft{ width:35%; float:left;}
.sbright{ width:65%; float:right;}
.sbtop{ background-color:#c4d700; padding:5px 10px 5px 5px; color:#FFFFFF;font-size:22px;}
.sbtop span{ width:40px; border-right:#FFFFFF solid 2px; margin-right:10px; padding:0 6px;font-family:Arial; font-size:24px; text-align:center;}
.sbjs{ padding:10px 20px 30px 45px; border-right:#c4d700 solid 2px; min-height:220px;font-size:16px; line-height:26px;}
.sbright img{ width:100%;}
/*公司荣誉*/
.rongyu{ background:url(../images/ry_bg.jpg) no-repeat center center  fixed; background-size:cover; padding-top:50px;}
.rongyu i{ width:500px; height:50px; margin:auto; background:url(../images/ry.png) bottom center no-repeat; background-size:360px; display:block; margin-top:20px;}
.ry2{  padding:30px 0;}
.rongyu2{ padding:40px 0;}
.ryjs{ width:50%; float:left; box-sizing:border-box; padding-right:60px;}
.rytu{ width:50%; float:right; padding-top:40px;}
.rytu img{ width:100%}
.ryjs p{ padding-top:30px;}

/*刹车蹄*/
.dd1{ position:absolute; left:35.7%; top:41%;}
.dd2{ position:absolute; left:56.5%; top:41%;}
.dd3{ position:absolute; left:17%; top:34.5%;}
.dd4{ position:absolute; left:84.5%; top:57%;}

.pd1{ position:absolute; left:19.4%; top:25%;}
.pd2{ position:absolute; left:24.7%; top:28%;}
.pd3{ position:absolute; left:38.2%; top:23%;}
.pd4{ position:absolute; left:65.9%; top:25%;}
.pd5{ position:absolute; left:15%; top:60.5%;}
.pd6{ position:absolute; left:36%; top:61%;}
.pd7{ position:absolute; left:59.5%; top:55%;}

.scpan{ width:100%; position:relative;margin-top:90px;max-width:890px;}
.scpan img{ width:100%!important}
.pjs{ font-size:16px; position:absolute; line-height:22px;}
.pjs1{ width:10%; top:15%; right:80%;}
.pjs2{ width:20%; top:5%; left:29%;}
.pjs3{ width:15%; top:15%; left:42.5%;}
.pjs4{ width:23%; top:7%; left:70%;}
.pjs5{ width:23%; top:84%; left:12%;}
.pjs6{ width:20%; top:79%; left:40.5%;}
.pjs7{ width:30%; top:72%; left:63.5%;}

.tjs1{ width:10%; top:5%; right:64%;}
.tjs2{ width:15%; top:5%; left:61.5%;}
.tjs3{ width:8%; top:41%; left:3%;}
.tjs4{ width:8%; top:44%; left:91%;}

.yanzheng{ margin-top:5px; color:#CCC}
.yanzheng a{ color:#CCC; display:block; float:left; margin-left:10px;}
.yanzheng #vdcode{ width:150px; float:left; display:inline-block;}
.yanzheng img{ display:block; float:left;}


/*屏幕大于1060时*/
@media screen and (min-width:1060px) {
.dherji{ width:100%; height:0px; overflow:hidden; background-color:rgba(196, 215, 0, 0.8); position:absolute;transition:0.4s; display:block;}
.navbar-nav li:hover .dherji{ height:auto;transition:0.4s;}
.dherji a{ display:block; color:#fff; font-size:12px; text-align:center;}
.dherji a:hover{ color:#000000;background-color:rgba(255, 255, 255, 0.8);}
}
/*ipad*/
@media screen and (max-width:1060px) {
.cplist{ width:100%}
.dianhua{ display:none!important;}
.hk{ height:270px;}
.fwsm{ padding:30px 50px;}
.bg2{background:url(../images/pattern.png);height:320px;}
.ban{background-size:auto 320px!important;}
.quanjiafu{ width:100%;}
.shebei{ width:100%;}
}
@media screen and (max-width:900px) {
video, object {display:none;}
.lxwm{ width:100%; padding:20px; margin-top:120px;}
.video{ background:url(../images/video.jpg) no-repeat center center; background-size:cover;}
h1{ font-size:26px;}
.contant img{ width:100%!important; height:auto!important}
.l,.r{ float:none; width:100%;}
.mianbao{ float:none;}
.gyht{ width:100%;}
.gsjj{ font-size:16px; line-height:26px;}
.cplist{ width:102%;}
.cpli{ width:50%; margin-right:0; padding-right:2%;}
.bg2{background:url(../images/pattern.png);height:320px;}
.ban{background-size:auto 320px!important;}
#dituContent{width:100%;}
.lxfs{ margin-top:20px; padding:0; border:none;}
.contant{ width:90%; padding:0 0 40px 0; top:20%; height:auto; min-height:100%;}
.hcxinxi{ margin-top:20px;}
.join{ padding:20px;}
.daohang2{ display:none;}
.hk{ height:360px;}
.hkjs{ padding:20px;}
.sound-icon{ display:none}
.hkjs h1{ font-size:20px;}
.hkjs span{ font-size:14px; line-height:22px;}
.fuwu span{ font-size:24px;}
.fwtu,.fwsm{ width:100%; float:none; padding:30px 20px; box-sizing:border-box;}
.zuo,.you{ width:100%; padding:0; border:none;}
.you{ margin-top:40px;}
.erji2 a{ padding:5px;}
.protu{ background-color:#c4d700; float:none!important;}
.protu img{ height:260px; display:block; margin:auto;}
.newlist{ width:100%; float:none; padding:0; margin-bottom:20px;}
.sbleft,.sbright,.ryjs,.rytu{ width:100%; float:none; padding:0;}
.rytu{ margin-top:20px;}
.sbjs{ border:none; min-height: auto;}
.sblist{ margin-bottom:40px;}
.men5{background:none; margin-right:0px;}
.pjs{ font-size:12px; position:absolute; line-height:16px;}
}
/*手机*/
@media screen and (max-width: 640px) {
.kouhao{ font-size:30px; line-height:30px;}
.dianhua{ display:none!important;}
.daohang{ display:none}
.menu{ margin-top:10px;}
.quanjiafu{ width:100%; height:200px;}
.about{ width:90%;}
.about h1{ font-size:26px; line-height:26px;}
.aboutleft h1{ font-size:26px; line-height:26px;}
.hsp2{ padding-left:0px;}
.protu{ background-color:#c4d700; float:none!important;}
.protu img{ height:180px; display:block; margin:auto;}
.projs{ height:auto; padding:30px;}
.pro:hover .projs{ padding:30px;}
.newlist{ width:100%; float:none; padding:0; margin-bottom:20px;}
.foot1,.foot2{ width:100%; float:none;}
.dbxx span{ display:block}
footer{ font-size:12px; line-height:18px; padding:30px 0;}
.bg2{background:url(../images/pattern.png);height:125px;}
.ban{background-size:auto 125px!important;background-attachment: unset !important; margin-top:84px;}
.mbej{ padding:10px 0;}
.erji a{ padding:2px 10px;}
.list{ padding-top:30px;}
.dian{ display:none}
.cptu{ height:160px;}
.hk{ height:220px; padding:0;}
.fangdali{ width:100%; float:none;}
.ban2{ height:730px; overflow:hidden;}
#dituContent{ height:300px;}
.rongyu i{background: rgba(0, 0, 0, 0) url("../images/ry.png") no-repeat scroll center bottom / 80% auto;width: 80%;}
.pjs2{ width:36%; top:-3%; left:29%;}
.aboutop{ font-size:22px; line-height:30px; text-align:center; color:#FFFFFF; padding:22px 0 20px 0;background:url(../images/rybg.png) center top no-repeat; background-size:auto 70px;}
.fdxx{ width:100%; font-size:16px; color:#666666; line-height:22px; float:none;text-align:left; overflow:auto;}
.magnify {width:50%; position: relative;border:#CCCCCC solid 1px; float:none;}
.video{ display:none}
.sound-icon{ display:none!important; width:0; height:0;}
}